/* me 样式文件 */
.me-bg {
	width: 100%;
	height: 250rpx;
	background-color: #ecf5ff;

}

.me-info {
	width: 100%;
	margin-top: -30rpx;
	box-sizing: border-box;
	padding: 20rpx;

	border-top-left-radius: 50rpx;
	border-top-right-radius: 50rpx;
	background-color: #fff;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
}

.me-face {
	width: 180rpx;
	height: 180rpx;
	border-radius: 50%;
	/* background-color: #aaaa7f; */
	margin: auto;
	margin-top: -100rpx;
}

.me-face img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.me-name {
	text-align: center;
}

.me-name p:nth-child(1) {
	margin-top: 20rpx;
	font-weight: bold;
}

.me-name p:nth-child(2) {
	margin-top: 20rpx;
	font-size: 26rpx;
	color: #82848a;
}

.me-sub {
	display: flex;
	align-items: center;
	justify-content: center;

	margin: 30rpx 0;
}

.sub-box {
	text-align: center;
	flex: 1;
}

.sub-box p:nth-child(1) {
	margin-top: 20rpx;
	font-weight: bold;
}

.sub-box p:nth-child(2) {
	margin-top: 10rpx;
	font-size: 30rpx;
	color: #82848a;
}

.me-content {
	/* margin: 10rpx; */
}

.content-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 20rpx;
	background-color: #fff;
}

.box-icon {
	padding: 30rpx;
}

.box-title {
	flex: 1;
	font-size: 32rpx;
	color: #909399;
}